<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
                      "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
  <head> 
    <title>Device Properties Example</title> 
 
    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
    <script type="text/javascript" charset="utf-8"> 
 
    // Wait for PhoneGap to load 
    // 
    function onLoad() { 
        document.addEventListener("deviceready", onDeviceReady, false); 
    } 
 
    var watchID = null; 
 
    // PhoneGap is ready 
    // 
    function onDeviceReady() { 
        // Update every 3 seconds 
        var options = { frequency: 3000 }; 
        watchID = navigator.geolocation.watchPosition(onSuccess, onError, options); 
    } 
 
    // onSuccess Geolocation 
    // 
    function onSuccess(position) { 
        var element = document.getElementById('geolocation'); 
        element.innerHTML = 'Latitude: '  + position.coords.latitude      + '<br />' + 
                            'Longitude: ' + position.coords.longitude     + '<br />' + 
                            '<hr />'      + element.innerHTML; 
    } 
 
    // clear the watch that was started earlier 
    //  
    function clearWatch() { 
        if (watchID != null) { 
            navigator.geolocation.clearWatch(watchID); 
            watchID = null; 
        } 
    } 
 
    // onError Callback receives a PositionError object 
    // 
    function onError(error) { 
      alert('code: '    + error.code    + '\n' + 
            'message: ' + error.message + '\n'); 
    } 
 
    </script> 
  </head> 
  <body onload="onLoad()"> 
    <p id="geolocation">Watching geolocation...</p> 
    <button onclick="clearWatch();">Clear Watch</button>      
  </body> 
</html> 
